<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>QuizMe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="include/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="js/index.js"></script>
    <script src="js/simpleajax.js"></script>

    <link href="css/close.css" rel="stylesheet">
    

</head>

<body>

    <body class="is-preload">
        <div id="page-wrapper">

            <!-- Header  导航栏 -->
            <header id="header">
                <nav id="nav" class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">QuizMe</a>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="index.html">Home</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="html/choose.html" style="text-decoration: none">Quiz Now</a>
                            </li>

                            <li id="login" class="nav-item">
                                <a class="nav-link" href="html/login.html" style="text-decoration: none">Login Now</a>
                            </li>
                            <li id="login-out" class="nav-item">
                                <a class="nav-link" href="html/logout.html" style="text-decoration: none">Login out
                                    Now</a>
                            </li>
                            <li id="profile" class="nav-item">
                                <a class="nav-link" href="html/personal.html" style="text-decoration: none">Personal
                                    information</a>
                            </li>
                        </ul>
                    </div>

                </nav>
            </header>

            <div class="jumbotron">
                <h1 class="display-4">Hello!</h1>
                <p class="lead">Welcome to use Quiz Me</p>
                <hr class="my-4">
                <p>You can click button to start a quiz</p>
                <a class="btn btn-primary btn-lg" href="html/choose.html" role="button">Start!</a>
            </div>

        </div>
    </body>

    <div id="footer">
        Tianjin University TIEI &copy; 2023
    </div>
</body>

</html>